<template>
  <!-- #ifdef APP-NVUE||MP -->
  <view class="width-full" :style="{height: height+'px'}" />
  <!-- #endif -->
  <!-- #ifndef APP-NVUE||MP -->
  <view class="plus-status-bar width-full" />
  <!-- #endif -->
</template>

<script>
export default {
  name: 'PlusSafeAreaBottom',
  data() {
    return {
      height: 0
    }
  },
  mounted() {
    const SystemInfoSync = uni.getSystemInfoSync()
    this.height = SystemInfoSync.statusBarHeight
  }
}
</script>

<style scoped>
.plus-status-bar{
  /* #ifndef APP-NVUE */
  height:var(--status-bar-height);
  /* #endif */
}
</style>
